<template>
	<widget-root :styles="styles">
		<view class="user-order m-t-20" :style="{
	                'background-color': '#fff', 
	                'border-radius': `10rpx`
	            }">
			<view class="order-title flex row-between">
				<view class="bold">{{$zhTran('团购订单')}}</view>
				<router-link to="/bundle2/pages/community_group_purchase/order/order_list">
					<view class="sm muted">{{$zhTran('全部订单')}}<u-icon name="arrow-right"></u-icon>
					</view>
				</router-link>
			</view>
			<view class="order-nav flex">
				<router-link class="nav-item" to="/bundle2/pages/community_group_purchase/order/order_list?mode=pay">
					<view class="flex-col col-center">
						<view class="badge-wrap">{{userInfo.cgp_order.wait_pay}}</view>
						<view class="xs m-t-12">{{$zhTran('待付款')}}</view>
					</view>
				</router-link>
				<router-link class="nav-item"
					to="/bundle2/pages/community_group_purchase/order/order_list?mode=delivery">
					<view class="flex-col col-center">
						<view class="badge-wrap">{{userInfo.cgp_order.wait_delivery}}</view>
						<view class="xs m-t-12">{{$zhTran('待发货')}}</view>
					</view>
				</router-link>
				<router-link class="nav-item" to="/bundle2/pages/community_group_purchase/order/order_list?mode=take">
					<view class="flex-col col-center">
						<view class="badge-wrap">{{userInfo.cgp_order.send_delivery}}</view>
						<view class="xs m-t-12">{{$zhTran('已发货')}}</view>
					</view>
				</router-link>
				<router-link class="nav-item"
					to="/bundle2/pages/community_group_purchase/order/order_list?mode=verification">
					<view class="flex-col col-center">
						<view class="badge-wrap">{{userInfo.cgp_order.verification}}</view>
						<view class="xs m-t-12">{{$zhTran('待核销')}}</view>
					</view>
				</router-link>
				<router-link class="nav-item" to="/bundle2/pages/community_group_purchase/order/order_list?mode=finish">
					<view class="flex-col col-center">
						<view class="badge-wrap">{{userInfo.cgp_order.done}}</view>
						<view class="xs m-t-12">{{$zhTran('已完成')}}</view>
					</view>
				</router-link>
			</view>
		</view>
	</widget-root>
</template>

<script type="text/javascript">
	export default {
		props: {

			content: {
				type: [Object, Array]
			},
			styles: {
				type: [Object, Array]
			},
		},
		data() {
			return {

			}
		},
		methods: {

		},
		computed: {

		}
	};
</script>

<style lang="scss" scoped>
	.user-order {
		.order-title {
			border-bottom: $-solid-border;
			padding: 24rpx 30rpx;
		}

		.order-nav {
			padding: 26rpx 0;

			.nav-item {
				flex: 1;

				.badge-wrap {
					position: relative
				}
			}
		}
	}
</style>